import React from 'react';

// 定义 RedSpan 的属性接口
interface RedSpanProps {
    children: React.ReactNode; // 要显示的内容
    className?: string; // 可选的类名，用于自定义样式
    style?: React.CSSProperties; // 可选的内联样式
}

// RedSpan 组件
const RedSpan: React.FC<RedSpanProps> = ({ children, className, style }) => {
    return (
        <span
            className={className}
            style={{
                color: 'red', // 默认颜色为红色
                ...style, // 允许用户通过 style 属性覆盖默认样式
            }}
        >
            {children}
        </span>
    );
};

export default RedSpan;
